<template>
  <div id="map" w500px h500px></div>
</template>

<script setup lang="ts">
function loadAmpSdk(callback) {
  window._AMapSecurityConfig = {
    securityJsCode: "6237f3f85a330d8ddf905fb9fec56ff2",
  };
  const script = document.createElement('script');
  script.src = "https://webapi.amap.com/loader.js"
  script.onload = callback;
  document.body.append(script);
}
onMounted(() => {
  console.log('挂在了')
  // loadAmpSdk(() => {
  //   AMapLoader.load({
  //     key: "cc3721a3fd510cddb06e7407efdbf7b8", //申请好的Web端开发者 Key，调用 load 时必填
  //     version: "2.0", //指定要加载的 JS API 的版本，缺省时默认为 1.4.15
  //   })
  //     .then((AMap) => {
  //       const map = new AMap.Map("map");
  //     })
  //     .catch((e) => {
  //       console.error(e); //加载错误提示
  //     });
  // })
})
</script>
